<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>

	<style type="text/css">
.ui-layout-north {
	z-index: 20 !important;
	overflow: visible !important;;
}

.ui-layout-north .ui-layout-unit-content {
	overflow: visible !important;
}

.ui-widget {
	font-size: 10px !important;
}

.size {
	width: 620px;
	position: relative;
	left: 30%;
	top: 10%;
}

.tabela {
	width: 750px;
}
</style>

	<title>Relatório - Gestão de Cliente</title>
</h:head>

<h:body>
	<ui:decorate template="/templateBase.xhtml">

		<ui:define name="center">


			<h:form prependId="false" id="formEstatiscaAmostra">
				<br />
				<br />
				<br />
				<br />
				<p:panel header="Relatórios - Gestão de Clientes" styleClass="size"
					toggleable="true"
					footer="SIGLAS - Sistema de Gerenciamento de Laboratório de Análise de Solos">

					<p:growl id="growl" life="3000" />
					<br />
					<p:tabView>
						<p:tab title="Ficha Cadastral do Cliente">
							<br />

							<div align="center">
								<h:panelGrid columns="3">

									<h:outputText value="ID do Cliente:" />
									<p:inputText size="25" maxlength="6"
										value="#{GeraRelatorioBacking.codigoTela}" />
									<p:commandButton icon="ui-icon-search" oncomplete="dlg.show()"
										process="@all" immediate="true" />

								</h:panelGrid>
							</div>
							<br />
							<br />

							<div align="center">
								<p:commandButton ajax="false" value="Emitir Relatório"
									immediate="false" icon="ui-icon-print"
									onclick="this.form.target='_blank'" />
							</div>
						</p:tab>

						<!-- ABA -->
						<p:tab title="Relatório para Contato" effect="fade"
							effectDuration="fast">
							<br />
							<div align="center">
								<h:panelGrid columns="1">
									<p:selectOneRadio value="#{GeraRelatorioBacking.codigo}">
										<f:selectItem
											itemLabel="Relatório de Clientes - com E-mail e Telefone"
											itemValue="1" />
										<f:selectItem itemLabel="Relatório de Clientes - com Endereço"
											itemValue="2" />
									</p:selectOneRadio>
									<br />
									<br />

								</h:panelGrid>
							</div>
							<div align="center">
								<p:commandButton action="#{GeraRelatorioBacking.geraRelatorio}"
									ajax="false" value="Emitir Relatório" immediate="false"
									icon="ui-icon-print" onclick="this.form.target='_blank'" />
							</div>
						</p:tab>

						<p:tab title="Relatório de Clientes" effect="fade"
							effectDuration="fast">

							<br />
							<div align="center">
								<h:panelGrid columns="1">
									<p:selectOneRadio value="#{GeraRelatorioBacking.codigo}">

										<f:selectItem
											itemLabel="Relatório de Clientes - Ordem Alfabética"
											itemValue="1" />

									</p:selectOneRadio>
								</h:panelGrid>
							</div>

							<br />
							<br />

							<div align="center">
								<p:commandButton ajax="false" value="Emitir Relatório"
									immediate="false" icon="ui-icon-print"
									onclick="this.form.target='_blank'"
									action="#{GeraRelatorioBacking.geraRelatorioGeralClientes}" />
							</div>
						</p:tab>

						<p:tab title="2ª via de Solicitação" effect="fade"
							id="tabProtocolo" effectDuration="fast">

							<br />

							<div align="center">
								<h:panelGrid columns="3">
									<h:outputText value="ID:" />
									<p:inputText size="20" disabled="true"
										value="#{geraRelatorioBacking.solicitacaoSelecionada.pessoa.codigo} - #{geraRelatorioBacking.solicitacaoSelecionada.pessoa.nome}" />
									<p:commandButton icon="ui-icon-search"
										oncomplete="dlgSolicitacao.show()" process="@all"
										immediate="true" />
								</h:panelGrid>
							</div>
							<br />
							<br />
							<div align="center">
								<p:commandButton ajax="false" value="Emitir Relatório"
									immediate="false" icon="ui-icon-print"
									action="#{geraRelatorioBacking.geraSegundaViaProtocolo}"
									onclick="this.form.target='_blank'" />
							</div>
						</p:tab>
					</p:tabView>

					<br />
					<br />
				</p:panel>
			</h:form>

			<h:form prependId="false" id="formPesquisa">
				<p:dialog id="pesquisaSolicitacao" header="Pesquisa de Solicitação"
					appendToBody="true" modal="true" widgetVar="dlgSolicitacao"
					closable="true" hideEffect="clip" showEffect="clip"
					resizable="false" height="460" width="580">

					<p:dataTable var="s"
						value="#{geraRelatorioBacking.listaSolicitacao}"
						emptyMessage="Nenhuma solicitação encontrada!" rows="10"
						paginator="true" id="tabelaSolicitacao">


						<p:column>
							<div align="center">
								<f:facet name="header">
									<h:outputText value="ID" />
								</f:facet>
								<h:outputText value="#{s.codigo}" />
							</div>
						</p:column>


						<p:column>
							<div align="center">
								<f:facet name="header">
									<h:outputText value="Data da Solicitação" />
								</f:facet>
								<h:outputText value="#{s.dataEntrada}">
									<f:convertDateTime pattern="dd/MM/yyyy" />
								</h:outputText>
							</div>
						</p:column>

						<p:column filterBy="#{s.pessoa.nome}">
							<div align="left">
								<f:facet name="header">
									<h:outputText value="Solicitante" />
								</f:facet>
								<h:outputText value="#{s.pessoa.nome}" />
							</div>
						</p:column>

						<p:column>
							<div align="center">
								<f:facet name="header">
									<h:outputText value="Ações" />
								</f:facet>

								<p:commandButton value="Selecionar"
									action="#{geraRelatorioBacking.selecionaSolicitacao(s)}"
									process="@this" update=":formEstatiscaAmostra"
									onclick="dlgSolicitacao.hide()" />
							</div>
						</p:column>


					</p:dataTable>


				</p:dialog>
			</h:form>



		</ui:define>
	</ui:decorate>
</h:body>
</html>
